/* Bule */
.project-item .thumb-bule {
    clear: both;
    position: absolute;
    opacity: 0;
    color: #fff;
    z-index: 10;
    width: 100%;
	height:100%;
	display:block;
}
.project-item:hover .thumb-bule {
    opacity: .8;
	background:#0095e0;
}
.thumb-bule {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .s ease-in-out;
}
.project-item .thumb-bule .client {
    font-size:26px; line-height:26px;text-align:left;
	position:absolute;
	top:20px;
	left:20px;
	padding-right:20px;
}
.project-item .thumb-bule .services {
    font-size:18px; line-height:18px;text-align:left;
	position:absolute;
	bottom:20px;
	left:20px;
	padding-right:20px;
	font-weight:300;
}

.project-item .thumb-bule .location {
    font-size:18px; line-height:18px;text-align:left;
	padding-top:8px;
	padding-right:20px;
	font-weight:300;
}

/* Red */
.project-item .thumb-red {
    clear: both;
    position: absolute;
    opacity: 0;
    color: #fff;
    z-index: 10;
    width: 100%;
	height:100%;
	display:block;
}
.project-item:hover .thumb-red {
    opacity: .8;
	background:#e1000b;
}
.thumb-red {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .s ease-in-out;
}
.project-item .thumb-red .client {
    font-size:26px; line-height:26px;text-align:left;
	position:absolute;
	top:20px;
	left:20px;
	padding-right:20px;
}
.project-item .thumb-red .services {
    font-size:18px; line-height:18px;text-align:left;
	position:absolute;
	bottom:20px;
	left:20px;
	padding-right:20px;
	font-weight:300;
}

.project-item .thumb-red .location {
    font-size:18px; line-height:18px;text-align:left;
	padding-top:8px;
	padding-right:20px;
	font-weight:300;
}